<template>
  <div>
    <div class="my_focus">
      <div class="my_focus_left">{{ msg }}</div>
      <div class="my_focus_right">
        <span>{{ submsg }}</span>
        <span class="iconfont iconjiantou1"></span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: ["msg", "submsg"],
};
</script>

<style lang="less" scoped>
.my_focus {
  height: 50 / 360 * 100vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e4e4e4;
  .my_focus_right {
    color: #b5b8c7;
    span:nth-child(1) {
      font-size: 14px;
      margin-right: 10 / 360 * 100vw;
    }
  }
}
</style>